<template>
  <div>
    <!-- TypeNav三级联动组件在main.js全局注册，不用引入 -->
    <type-nav></type-nav>

    <list-container></list-container>
    <recommend></recommend>
    <bank></bank>
    <like></like>
    <floor v-for="floor in floorList" :key="floor.id" :list="floor"></floor>
   <brand></brand>
  </div>
</template>

<script>
import ListContainer from './ListContainer/listContainer.vue'
import Recommend from './Recommend/recommend.vue'
import Bank from './Rank/rank.vue'
import Like from './Like/like.vue'
import Floor from './Floor/floor.vue'
import Brand from './Brand/brand.vue'
import {mapState} from 'vuex'

export default {
    name:'Home',
    mounted(){
      this.$store.dispatch('getFloorList')
    },
    computed:{
      ...mapState({
        floorList : state => state.home.floorList
      })
    },
    components:{
      ListContainer,
      Recommend,
      Bank,
      Like,
      Floor,
      Brand
    }
}
</script>

<style scoped lang="less">

</style>